<template>
  <div class="son">
    我是son
  </div>
</template>

<script>
export default {
  data() {
    return {
      timerId: null
    }
  },
  
  created () {

    // 因为setInterval是window的东西
    // 你销毁的只是子组件，跟window没有半毛钱
    // window还在，所以定时器也还在
    this.timerId = window.setInterval( () => {
      console.log('son的定时器')
    }, 1000)

  },


  destroyed () {
    console.log('son里销毁后')
    // 停止定时器
    clearInterval(this.timerId)
  }
}
</script>

<style>
.son {
  width: 300px;
  height: 300px;
  border: 1px solid #000;
}
</style>